import React, {memo} from 'react';
import './mobile-border.css'


class MobileTest extends React.Component {
   
    constructor() {
        super()
        this.state={
          
        }
    }

//    componentWillMount() {
//     var dpr, rem, scale;
//     var docEl = document.documentElement;
//     var fontEl = document.createElement('style');
//     var metaEl = document.querySelector('meta[name="viewport"]');
    
//     dpr = window.devicePixelRatio || 1;
//     rem = docEl.clientWidth * dpr / 10;
//     scale = 1 / dpr;
    
    
//     // 设置viewport，进行缩放，达到高清效果
//     metaEl.setAttribute('content', 'width=' + dpr * docEl.clientWidth + ',initial-scale=' + scale + ',maximum-scale=' + scale + ', minimum-scale=' + scale + ',user-scalable=no');
      
//    }
   
    render() {
        const { change } = this;
        const { index } = this.state;
        return (
            <div id="mobile-border">
                <h2>border</h2>
                <div className="container"></div>
            </div>
        )
    }
}

export default memo(MobileTest);